<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>07</title>
  <style>
    body{
      padding-top: 100px;
    }
    #d1{
      width: 1000px; height: 100px;
      background-color: red;
      position: fixed;
      top: 0;
    }
    #d2{
      width: 50px; height: 400px;
      background-color: rgba(8,8,8,0.2);
      position: fixed;
      right: 20px;
      top: 100px;
    }
  </style>
</head>
<body>
<div id="d1"></div>
<div id="d2"></div>
<img src="../imgs/a.jpg" alt="" width="600px" height="600px">
<img src="../imgs/c.jpg" alt="" width="600px" height="600px">
<img src="../imgs/d.jpg" alt="" width="600px" height="600px">
<img src="../imgs/b.jpg" alt="" width="600px" height="600px">
<img src="../imgs/e.jpg" alt="" width="600px" height="600px">
<img src="../imgs/f.jpg" alt="" width="600px" height="600px">
<img src="../imgs/study_computer_img2.png.jpg" alt="" >
</body>
</html>